function mostrarDialogoInvitar()
{
	  
	var invitarAmigos;
	if($(".window_title_text:contains(Invitar amigos)").length == 0)
	{
		invitarAmigos = $.window({
			width:510,
			height:330,
		   title: "Invitar amigos",
		   content: "<select id='listaAmigos' name='listaAmigos[]' class='multiselect' multiple='multiple'></select>" +
		   		'<p id="invitarConfirmarContenedor" align="center"></p>',
		   footerContent: 'Cargando lista de invitados...',
		   containerClass: "portlet ui-widget ui-widget-content ui-helper-clearfix ui-corner-all",
		   headerClass: "portlet-header-centro ui-widget-header ui-corner-all",
		   frameClass: "portlet-content",
		   footerClass: "portlet-content",
		   onShow: function(wnd) {
				$.getJSON("consultasAjax.php",{seccion:"eventos", uuid:$.url.getParam("uuid"), nEvento:$.url.getParam("nEvento"), accion:"dameInvitados"}, 
					function(data)
					{
						var listaAmigosSelect = $("#listaAmigos");
						var botonContenedor = $("#invitarConfirmarContenedor");
						var boton = $('<a id="boton-invitarConfirmar" class="dialog_link ui-state-default ui-corner-all" href="javascript:void(0)">Invitar amigos</a>');
						$.each(data.invitados, function(i,amigo){
							listaAmigosSelect.append("<option estado='desactivado' selected='selected' value='"+amigo.idUsuario+"'>"+amigo.nombre+"</option>");
						});
						
						$.each(data.noInvitados, function(i,amigo){
							listaAmigosSelect.append("<option estado='activado' value='"+amigo.idUsuario+"'>"+amigo.nombre+"</option>");
						});
						$(".multiselect").multiselect({sortable: false});
						
						boton.hover(
								function() { $(this).addClass('ui-state-hover'); }, 
								function() { $(this).removeClass('ui-state-hover'); }
							);

						boton.click(function(){
							var invitados ="";
							var listaInvitados = $('.multiselect :selected');
							for (var i=0; i<listaInvitados.length-1; i++)
							{
								invitados+='inv'+i+'='+$(listaInvitados[i]).val()+'&';
							}
							pos = listaInvitados.length-1;
							invitados+='inv'+pos+'='+$(listaInvitados[pos]).val();
							$.post("consultasAjax.php?seccion=eventos&nEvento="+$.url.getParam("nEvento")+"&uuid="+$.url.getParam("uuid"), invitados,
									function(data)
									{
										var datos = eval('('+data+')');
										if(datos.estado = "ok")
										{
											mensajeSistema("Amigos invitados con exito");
											invitarAmigos.close();
										}
											
									});

						});
							
							
						botonContenedor.append("<br>");
						botonContenedor.append(boton);
						botonContenedor.append("<br><br>")
						invitarAmigos.setFooterContent("Selecciona los amigos que quieres invitar")
					});
			   }
		});
	}
}


$(document).ready(function() {
			$('#boton-invitar, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);

				$('#boton-invitar').click(function(){
					mostrarDialogoInvitar();
				});
				
				$('#avisarNuevosComentarios').change(function(){
					$.getJSON("consultasAjax.php",{seccion:"eventos", uuid:$.url.getParam("uuid"), nEvento:$.url.getParam("nEvento"), escuchar:$(this).attr("checked")},
							function(data){
						mensajeSistema(data.respuesta);
					});
				});
});
